<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>首页</title>
    <link rel="stylesheet" href="${base}/layui/css/layui.css">
    <link rel="stylesheet" href="${base}/awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${base}/css/admin.css">
    <style type="text/css">
    .panel-title {margin-top: 0;margin-bottom: 0;font-size: 14px;color: inherit;}
    .label {display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;margin-top: .3em; }
    .pull-right {float: right; }
	.layui-bg-blue {background-color: rgb(30, 159, 255) !important;}
	.panel-body{    padding: 10px;    background-color: #F8F8F8;    border: 1px solid transparent;border-radius: 4px;box-shadow: 0 1px 1px rgba(0,0,0,.05);}
	.layui-card{    box-shadow: none;}
	.layui-col-xs3 {    width: 25%;padding: 5px;}
    </style>
</head>

<body class="layui-layout-body" style="overflow:scroll;">
<#include "/common/left.flt">	
<div class="layui-main" style="position: absolute;left: 204px;top: 70px; width: calc(100% - 210px);" >
	<div class="layui-card">
        <div class="layui-card-header"><i class="fa fa-home icon"></i>帖子数据统计</div>
        <div class="layui-card-body">
        	<div class="layui-col-xs3">
              <div class="panel layui-bg-number">
                  <div class="panel-body">
                      <div class="panel-title">
                          <h5>昨日女水军发帖统计</h5>
                          <span class="label pull-right layui-bg-blue">昨日</span>
                      </div>
                      <div class="panel-content">
                          <h1 class="no-margins">${yestoday_card_2}</h1>
                      </div>
                  </div>
              </div>
          	</div>
          	<div class="layui-col-xs3">
              <div class="panel layui-bg-number">
                  <div class="panel-body">
                      <div class="panel-title">
                          <h5>昨日真实用户回帖统计</h5>
                          <span class="label pull-right layui-bg-blue">昨日</span>
                      </div>
                      <div class="panel-content">
                          <h1 class="no-margins">${yestoday_discuss_1}</h1>
                      </div>
                  </div>
              </div>
          	</div>
          	<div class="layui-col-xs3">
              <div class="panel layui-bg-number">
                  <div class="panel-body">
                      <div class="panel-title">
                          <h5>昨日水军回帖统计</h5>
                          <span class="label pull-right layui-bg-blue">昨日</span>
                      </div>
                      <div class="panel-content">
                          <h1 class="no-margins">${yestoday_discuss_2}</h1>
                      </div>
                  </div>
              </div>
          	</div>
          	<div class="layui-col-xs3">
              <div class="panel layui-bg-number">
                  <div class="panel-body">
                      <div class="panel-title">
                          <h5>昨日申请好友次数统计</h5>
                          <span class="label pull-right layui-bg-blue">昨日</span>
                      </div>
                      <div class="panel-content">
                          <h1 class="no-margins">${yestoday_friends}</h1>
                      </div>
                  </div>
              </div>
          	</div>
        </div>
    </div>
    <div class="layui-card" style="margin-top: 60px;padding-top: 20px;">
        <div class="layui-card-header"><i class="fa fa-users icon icon-blue"></i>总用户数 - ${all}  昨天用户数 - ${yestoday}</div>
        <div class="layui-card-body">
        	<div id="echarts" style="height: 400px;" class="col-md-12 col-sm-12">
    		</div>
        </div>
    </div>
</div>
</body>
<script src="${base}/js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="${base}/js/echarts.js" type="text/javascript"></script>
<script src="${base}/layui/layui.all.js"></script>
<script>
var myChart = echarts.init(document.getElementById('echarts'));
var option = {
    tooltip: {
        trigger: 'axis',
    },
    legend: {
        data:['注册人数','会员充值-Android','会员充值-IOS']
    },
    xAxis: {
    	type : 'category',
        boundaryGap : false,
        data: [${key}]
    },
    yAxis: [ {
        type : 'value'
    }],
    series: [
    	{
        	name: '注册人数',
        	type: 'line',
        	data: [${users}]            
    	},
    	{
            name: '会员充值-Android',
            type: 'line',
            data: [${android}]            
        },
    	{
            name: '会员充值-IOS',
            type: 'line',
            data: [${ios}]            
        }
    ]
    ,color:['#9ac4e4','#dd2222','#0070c9']
};
// 使用刚指定的配置项和数据显示图表。 ,color:['#9ac4e4']
myChart.setOption(option);
</script>
</html>